﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
       <style>
html
{
    color:#000000;

}       
       body
{
    font-size:medium;
    font-family:Tahoma,Verdana,Courier New;    
}
/*

#wrap
{ 
	padding: 0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    min-width:950px;
	height:500px;
	float:left;
	background-color:Green;
	z-index:100;
}
*/

.wrap {
    position: relative;
    margin: 0 auto;
    padding: 0;    
    text-align: left;
    width: 950px;
    border:1px solid Green;
    }



.complexListBox
{   
    width:260px;
    height:50px;    
    float:left;    
    border:1px solid red;
}

       </style>
        
   
</head>
<body>
    <div class="wrap" >
        <h3 >wrap</h3>
        <div style=" display:table; border:1px solid blue;width:100%;">            
            <div style="float:left">
                <label >abc</label>            
            </div>
            
            <div class="complexListBox">
                <h3>complexListBox</h3>
            </div>
            <div class="complexListBox">
                <h3>complexListBox2</h3>
            </div>
        </div>    
        <div style="width:100%;z-index:10;display:table">
            <div class="complexListBox">
                <h3>complexListBox3</h3>
            </div>
            <div class="complexListBox">
                <h3>complexListBox4</h3>
            </div>
        </div>
    </div>
</body>
</html>
